<template>
  <div class="fs-32 color-black2 pb-50">
		<van-nav-bar  title="资质认证" left-arrow @click-left="$utils.back($route.path)" />	
		<div class="bg-white pd-24 mg-24 br-24">
			<div class="tac mb-24 fw-b">签约商家</div>
			<div class="certifi">
				<div>{{ info.DisStoreName }}</div>
				<img src="@/assets/images/physio/authentication.png" />
			</div>
		</div>
		<div class="bg-white pd-24 mg-24 br-24">
			<div class="tac mb-24 fw-b">营业执照</div>
			<img-box class="classImg" :img-url="info.DisStoreBusinessLicenseImages" />
		</div>
		<div class="bg-white pd-24 mg-24 br-24">
			<div class="tac mb-24 fw-b">技师职业资格证书</div>
			<img-box class="classImg" :img-url="info.Certificates" />
		</div>
	</div>
</template>
<script>
import { GetArtificerInfo } from 'api/physio'
import imgBox from 'components/imgBox'
export default {
	components:{
		imgBox
	},
	data(){
		return {
			info:{ 
				DisStoreName: '',
				DisStoreBusinessLicenseImages: '',
				Certificates: ''
			},
			userId: 0
		}
	},
	created(){
		this.userId = this.$route.params.id
		this.GetArtificerInfo()
	},
	methods:{
		GetArtificerInfo(){
			console.log(this.userId,"用户id")
			GetArtificerInfo({artifcerUserId:this.userId}).then(res => {
				if(res){
					this.info = res.Data
					console.log(this.mdeol,"技师信息")
				}
			})
		}
	}
}
</script>

<style lang="scss" scoped>
	
	.certifi{
		background: #F2F3FC;
		display: flex;
		align-items: center;
		justify-content: space-between;
		padding: 14px 20px 14px 24px;
		border-radius: 24px;
		img{
			width: 102px;
		}
	}
</style>

